<template>
  <div>
    <site-nav />
    <head-item />
    <aside-item />
    <advantage-item />
    <guide-item />
    <friendly-link />
    <footer-item />
  </div>
</template>

<script>
import HeadItem from './component/Header'
import SiteNav from '../../layout/Nav'
import AdvantageItem from '../../layout/Advantage'
import FooterItem from '../../layout/Footer'
import GuideItem from '../../layout/Guide'
import FriendlyLink from '../../layout/FriendlyLink'
import AsideItem from './component/Aside'
export default {
  name: 'MyOrder',
  components: {
    HeadItem,
    SiteNav,
    AdvantageItem,
    FooterItem,
    GuideItem,
    FriendlyLink,
    AsideItem
  },
  data() {
    return {
      state: '1',
      showPagination: false
    }
  },
  methods: {
    childByValue(value) {
      this.state = value
      console.log(this.state, '父组件')
    }
  }

}
</script>

<style scoped lang="scss">

</style>
